<header #header class="seed-underline seed-flexbox seed-flexbox-content-center seed-flexbox-align-center">
  <p class="show-time seed-flexbox seed-flexbox-align-center"  (click)='modalShow()'>
    {{timeStr}}
    <span class="arrow" [class.show-modal]="isShowModal"></span>
  </p>
</header>

<seed-modal #modal >
  <choose-calendar
    [btnConfig]="btnConfig"
    [startTime]="startTime"
    [endTime]="endTime" (confirm)="modalConfirm($event)"
    (cancel)="modalCancel()" class="seed-modal-content"></choose-calendar>
</seed-modal>
